<div class="pm_modal {{ctrl.class}} printModal-container" role="dialog">
    <style>
    /* inline-styles only to fix a bug on Edge */
    @media print {
        body.secure #body,
        .pm_modal .modal-dialog .close,
        .pm_modal .modal-dialog .modal-content h4,
        .pm_modal .modal-overlay,
        .modal-footer,
        button.fa.fa-ellipsis-h.pm_button.more,
        .headerSecuredDesktop-container,
        .noprint,
        .protonLoader {
        display: none !important;
        }
    }
    </style>
    <div class="modal-dialog">
        <button
            type="button"
            ng-click="ctrl.cancel()"
            aria-hidden="true"
            title-translate="Close"
            title-translate-context="Action"
            class="fa fa-times close"></button>

        <div class="modal-content">
            <header class="modal-header">
                <h4 class="modal-title" translate-context="Modal title" translate>Print preview</h4>
            </header>

            <div class="modal-body printModal-body">
                <print-message data-print-message-config="ctrl.config" ng-if="ctrl.type === 'message'"></print-message>
            </div>
        </div>

        <footer class="modal-footer">
            <button
                class="pm_button modal-footer-button disabled-if-network-activity"
                ng-click="ctrl.cancel()"
                translate-context="Action"
                translate>Close</button>

            <button
                class="pm_button primary modal-footer-button disabled-if-network-activity"
                tabindex="1"
                ng-click="ctrl.print()"
                translate-context="Action"
                translate>Print</button>
        </footer>
    </div>
    <div class="modal-overlay"></div>
</div>
